草庐IT

HTML iframe - 禁用滚动

全部标签

javascript - 无法在 IE 11 中通过 JavaScript 禁用 Ctrl+O

我正在尝试在IE中禁用Ctrl+o组合键,以下代码在除IE11之外的所有IE版本中都可以正常工作,除非我像您在下面的代码中看到的那样发出警报:document.onkeydown=function(event){varx=event.keyCode;console.log(event.keyCode);console.log(event.ctrlKey);if((x==79)&&(event.ctrlKey)){if(navigator.userAgent.match(/rv:11.0/i)){alert('Disabled');}event.cancelBubble=true;eve

javascript - Chart.js 中的可滚动 x 轴

我想使用Chart.js库在我的网站上绘制图表,但我打算为图表提供大量数据(>1000)。但是,当我将数据提供给chart.js折线图时,图表无法滚动,但值被推到一起导致图表不可读。有没有办法让chart.js折线图在x轴上滚动? 最佳答案 我遇到了这个问题,并通过使用jquery为我的chartjsCanvas编辑父div的css来解决它。这不是一个非常可靠的解决方案,但确实使数据可读/可滚动。$("#parentDiv").css("width","1000px");$("#parentDiv").css("overflow",

javascript - Angular ui-router在滚动时改变状态

这是一个示例布局。假设部分高度大于或等于用户的视口(viewport)。+----------+|Section1|+----------+|Section2|+----------+|Section3|+----------+所有这些部分都放在一个View中。我想在用户滚动页面并到达其中一个部分时动态更改浏览器url:第一次用户看到http://example.com/#/section1(angular不使用html5模式),然后他向下滚动页面,当section2元素在用户视口(viewport)中可见时,应该会看到http://example.com/#/section2。此外,

javascript - 使用 SVG 和 d3.js 创建滚动条

现在我已经使用d3创建了几个“框”,它们只是带有文本的SVG矩形:varcanvas=d3.select("body").append("svg").attr("width",800).attr("height",500);//specifiesdrawingareaforeachboxvarboxes=canvas.selectAll("rect").data(classData).enter();boxes.append("rect").attr("width",boxWidth).attr("height",boxHeight).attr("fill",boxColor).att

javascript - 禁用 Jasmine 期望,例如 xdescribe 或 xit?

关于Jasminewebsite我看到我们可以通过xdescribe禁用套件或xit的个人规范.有没有办法只禁用一个期望(比如xexpect)?我问这个问题的原因是因为我正在使用Protractor编写e2e测试并且在我们的持续集成中我们还没有(如果有的话)访问数据库,尽管我们可以在本地运行真正的端到端例如,通过访问数据库进行测试。我想根据配置或环境变量将个人期望标记为可选。最好进行一次切换,然后围绕expect创建一个包装器,只有当我们在本地运行测试(可以访问数据库)时才会失败。例如,我可以创建一个新的规范系列:if(process.env.DB_AVAILABLE){dbit=it

javascript - 检测故意的顶部和底部额外滚动

我正在尝试使用javascript检测有意的额外顶部/底部滚动。$(window).scrollTop()和window.pageYOffset没有用,因为它们停在Top0我想达到类似顶部-X。对于底部,假设我的文档的高度为500,底部将类似于bottom5XX。编辑:示例代码可以是:$(window).scroll(function(){if(intentionalScrollTop){//Dosomething}elseif(intentionalScrollDown){//Dosomething}});动图示例: 最佳答案 我

javascript - 如何绑定(bind)CSS动画持续时间滚动

我想制作类似这样的网站,您可以在其中向下滚动,滚动时会跟随一些动画,如果您向上滚动,它会反转。我看到了一些像this这样的库但我想看看是否可以用更简单的方法来完成?谢谢$(document).ready(function(){varlastScrollTop=0;$(document).scroll(function(event){varst=$(this).scrollTop();if(st>lastScrollTop){$('div').removeClass('scrollUp').addClass('scrollDown');}else{$('div').removeClass

javascript - 如何在 dc.js/reductio/crossfilter 中生成滚动标准折线图

我想显示一个折线图,其中滚动std在日期间隔的值总和上。生成crossfilter/reductio对象的代码是:myCrossfilter=crossfilter(data);functiongetRunningDates(numDays){returnfunctiongetDates(d){vars=d.ValueDate;vare=newDate(s);e.setDate(e.getDate()+numDays);a=[];while(s我已将所有内容放入jsFiddle中显示我的意思(不相关的问题:我不明白图表上的日期如何超出我在fiddle中定义的dateToInit变量)。

javascript - 使用 jQuery 在页眉和页脚之间滚动时如何使侧边栏变粘(不滚动它们)?

我需要一个严格的jQuery解决方案来解决这个问题。这是因为我使用的是Wordpress,而我想要粘性的侧边栏小部件位于中。我无法制作全高的元素。以与.scrollTop()相同的方式检测我在页面下方多远以使侧边栏小部件具有粘性我需要JS检测我距离页面底部多远以通过分配新的固定位置“取消粘附”小部件。我试着用.offset()来做到这一点但到目前为止我一直无法让它发挥作用。functionstopDiv(){vardistance=$('.footer').offset().top-$('.widget').offset().top;if(distance正如您在下面的代码片段中看到的

javascript - 在靠近底部的地方拖动时在可移动的 DIV 内部滚动

我在一个可滚动的div中有多个可拖动的div。当我将它们拖入可放置区域(这也是一个可滚动的div)时,可放置的DIV不会向下滚动。只是页面在移动。怎么说,只有可放置的div应该在拖动时滚动?这是我当前用于使div可拖动的jquery代码$(".drag_item").draggable({helper:'clone',scroll:true,drag:function(event,ui){$(this).css('z-index','100');}}); 最佳答案 我想到了这个解决方案:vardirection={};varboun